<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : jspName.jsp
    Description : 설명을 기술합니다.
    author Kim hyung soo
    since 2012. 9. 26.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 9. 26.     Kim hyung soo     최초 생성
--%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ko" xml:lang="ko" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>나눔의 결실 | 현대자동차그룹</title>
<meta name="description" content="현대자동차그룹 사회공헌 실적 안내" />
<meta name="keywords" content="현대자동차그룹 사회공헌 실적, 현대차그룹 사회공헌 실적, 실적, 나눔의 결실, 나눔, 결실" />
<%@ include file="/WEB-INF/jsp/web/kor/include/header.jspf" %>
<script type="text/javascript" src="/hmg/js/web/kor/com/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/hmg/js/web/kor/com/swfobject.js"></script>
<script type="text/javascript">
//<![CDATA[

$(document).ready(function(){
    var ind = "0";
    var mobileKeyWords = new Array("iPhone", "iPad", "BlackBerry", "Android", "Windows CE", "LG", "MOT", "SAMSUNG", "SonyEricsson");
    for (var word in mobileKeyWords){
        if (navigator.userAgent.match(mobileKeyWords[word]) != null){
            //mobile
            $("#topNavi").remove();
            $("#tablet-broadcastView").show();
            $(".alterText").remove();
            $(this).find(".photo_layOver").css("display","block").animate({"top":"118px","opacity": ".8" });
            $(this).find(".bg").hide();
            var ind = "1";

            // 레이어 창 닫으면 영상 멈추기
            $(".btnClose > img").click(function () {
                $(".tablet-vod").remove();
            });
            return false;
        } else if (navigator.userAgent.match(mobileKeyWords[word]) == null)     {
            //web
            // 레이어 창 닫으면 영상 멈추기
            $(".btnClose > img").click(function () {
                $(".vodContainer object").remove();
            });
            $(this).find(".photo_layOver").css("display","none").animate({"top":"162px","opacity": "1"}).stop(true, true);
            $(this).find(".bg").show();

        }
    }
    $(".photo_layOpen").hover( function () {
            if (ind == 0){
                if ($(this).find(".photo_layOver").is(':animated') == 0){
                    $(this).find(".photo_layOver").css("display","block").animate({"top":"118px"}, 500);
                } else {

                }
            }
        },  function () {
             if (ind == 0){
                $(this).find(".photo_layOver").animate({"top":"162px"}, 500, function () {

                });
            }
    });
    // non flash
        $(function(){
            var playerVersion = swfobject.getFlashPlayerVersion();
            if (playerVersion.major == 0) {
                $("#topNavi").remove();
                $(".alterText").show();
            }
        });

});

$(function() {
    usrAgnt = navigator.userAgent;

    if(usrAgnt.indexOf("Mobile") < 0){
        
        // non flash
        $(function(){
            var playerVersion = swfobject.getFlashPlayerVersion();
            if (playerVersion.major == 0) {
                $("#topNavi").remove();
                $(".alterText").show();
            }
        });
    }else {
        $("#topNavi").remove();
        $("#tablet-broadcastView").show();
        $(".alterText").remove();
    }
});

function closePlayer() {
    getMovieName("topNavi").closePlayer();

}

function playerSoundOff() {
    getMovieName("topNavi").videoStop();
}

function getMovieName(movieName) {
    if (navigator.appName.indexOf("Microsoft") != -1) {
        return window[movieName];
    }else {
        return document[movieName];
    }
}

function fn_play_movie(filePath, title) {
    $("#movieLayer").html("");

    $.ajax({
        type:"post",
        url:"./AjaxPlayMovie.do",
        data:({filePath:filePath, title:title}),
        success: function(data) { fn_play_movie_proc(data); }
    });
}

function fn_play_movie_proc(data) {
    $("#movieLayer").html(data);

    fe_layPop();

    $("#noticeWrap").css({"z-index":"-1"});
    $("#footer").css({"z-index":"-2"});

    var maskHeight = $(document).height();
    var maskWidth = $(window).width();
    var layerHeight = $(".photo_layPop > div").height();
    var layerWidth = $(".photo_layPop > div").width();
    $(".photo_layer").css({"width":maskWidth,"height":maskHeight, "display": "block"});
    $(".photo_layPop").css({"margin-top": "-" + layerHeight/2 + "px", "margin-left" : "-" + layerWidth/2 + "px"});
}

//]]>
</script>
</head>
<body>
    <!--wrap-->
    <div id="wrap">
        <!-- skip navigation -->
        <div id="skipnavition">
            <a href="#gnb">메뉴바로가기</a><a href="#content">본문바로가기</a>
        </div>
        <!--// skip navigation -->

        <hr />

        <!-- header-->
        <%@ include file="/WEB-INF/jsp/web/kor/include/left.jspf" %>
        <!--//header-->

        <hr />

        <!--container-->
        <div id="container">
            <div class="scroll-pane">
                <!-- 공통 -->
                <div class="subTitle">
                    <div class="pageTitle">
                        <h2><img src="/hmg/images/web/kor/title/contibute_Distribute.gif" alt="나눔의결실" /></h2>
                        <p class="subCopy"><img src="/hmg/images/web/kor/title/contibute_Distribute_desc.gif" alt="사회공헌 심볼의 둥근 원처럼, 나눈 만큼 돌려받고 받은 만큼 다시 나누는 사회공헌의 실적들을 담았습니다" /></p>
                    </div> 

                    <div class="pageLocation">
                        <ul>
                            <li><a href="/hmg/web/kor/Main.do"><img src="/hmg/images/web/kor/common/location_home.gif" alt="홈"/></a></li>
                            <li><a href="/hmg/web/kor/cbt/ContributeSubMain.do">사회공헌</a></li>
                            <li class="nowPage"><a href="./Distribute.do">나눔의결실</a></li>
                        </ul>
                    </div>
                </div>
                <!--//공통-->

                <!--contents-->
                <div id="content">
                    <!-- 내용 -->
                    <div class="contents_Distribute">
                        <h3><img src="/hmg/images/web/kor/cbt/distribute/distribute_text01.gif" alt="현대자동차그룹 주요 사회공헌활동" /></h3>
                        <p class="distribute_text">현대자동차그룹은 차가 필요한 서민들에게 차를 선물하는 「희망드림 기프트카」를 시작으로 매년 천명의 대한민국 청년과 함께하는 「해피무브 글로벌 청년봉사단」, 글로벌 환경 사회공헌 「현대그린존 차이나」, 국내 최대 교통안전 체험시설 「키즈오토파크」, 기업의 역량을 연계한 일자리 창출사업 「사회적기업」 등 기업의 사회적책임을 성실히 실천하고 있습니다.</p>
                        <div class="distribute_list">
                            <ul>
                                <li><img src="/hmg/images/web/kor/cbt/distribute/distribute_img01.gif" alt="01. 꿈꾸는 당신을 응원합니다 - 희망드림 기프트카" /></li>
                                <li><img src="/hmg/images/web/kor/cbt/distribute/distribute_img02.gif" alt="" /></li>
                                <li><img src="/hmg/images/web/kor/cbt/distribute/distribute_img03.gif" alt="02. 글로벌 청년 리더 양성 - 해피무브 글로벌 청년봉사단" /></li>
                                <li><img src="/hmg/images/web/kor/cbt/distribute/distribute_img04.gif" alt="03. 중국 사막화 방지 프로젝트 - 현대그린존 차이나" /></li>
                                <li class="last"><img src="/hmg/images/web/kor/cbt/distribute/distribute_img05.gif" alt="04. 체험형 어린이 교통안전 교육 - 키즈오토파크" /></li>
                                <li><img src="/hmg/images/web/kor/cbt/distribute/distribute_img06.gif" alt="05. 어린이 안전 · 환경 사랑 캠페인 - 해피웨이 드라이브" /></li>
                                <li><img src="/hmg/images/web/kor/cbt/distribute/distribute_img07.gif" alt="06. 사회공헌의 새로운 패러다임 - 사회적기업 육성" /></li>
                                <li><img src="/hmg/images/web/kor/cbt/distribute/distribute_img08.gif" alt="" /></li>
                                <li><img src="/hmg/images/web/kor/cbt/distribute/distribute_img09.gif" alt="07. 美 소아암 퇴치연구 지원 - 호프 온 휠스" /></li>
                                <li class="last"><img src="/hmg/images/web/kor/cbt/distribute/distribute_img10.gif" alt="08. 세계시민의 꿈과 희망을 위한 - 저개발국 지원 프로젝트" /></li>
                                <li><img src="/hmg/images/web/kor/cbt/distribute/distribute_img11.gif" alt="HYUNDAI MOTOR GROUP Contribute" /></li>
                                <li><img src="/hmg/images/web/kor/cbt/distribute/distribute_img12.gif" alt="09. 외국인 청년의 꿈과 희망을 응원합니다 - 주한 외국인 청년 초청행사" /></li>
                                <li><img src="/hmg/images/web/kor/cbt/distribute/distribute_img13.gif" alt="10. 문화를 통한 동반성장 - 협력사 행복나눔 콘서트" /></li>
                                <li class="last"><img src="/hmg/images/web/kor/cbt/distribute/distribute_img14.gif" alt="11. 저소득층 미래인재 육성 - 현대차정몽구재단" /></li>
                            </ul>
                        </div>
                        <div class="distribute_introduce">
                            <dl>
                                <dt><img src="/hmg/images/web/kor/cbt/distribute/distribute_title01.gif" alt="01. 희망드림 기프트카" /></dt>
                                <dd class="information">
                                    <ul>
                                        <li>차가 필요한 서민들에게 국민 댓글로 차량 기부</li>
                                        <li>2011년까지 자립 지원 차량 36대 기부 / 창업 컨설팅 등</li>
                                    </ul>
                                </dd>
                                <dd class="imageBox"><img src="/hmg/images/web/kor/cbt/distribute/distribute_pic01.jpg" alt="희망드림 기프트카 사진" /></dd>
                            </dl>
                            <p class="distribute_btn photo_layOpen"><a href="#" onclick="javascript:fn_play_movie('hmg_Distribute1.mp4', '01. 희망드림 기프트카');"><img src="/hmg/images/web/kor/cbt/distribute/btn_vodView.gif" alt="영상보기"/></a></p>
                        </div>
                        <div class="distribute_introduce">
                            <dl>
                                <dt><img src="/hmg/images/web/kor/cbt/distribute/distribute_title02.gif" alt="02. 해피무브 글로벌 청년봉사단" /></dt>
                                <dd class="information">
                                    <ul>
                                        <li>대한민국 글로벌 청년 리더 양성</li>
                                        <li>매년 2기수, 1,000명 파견</li>
                                    </ul>
                                </dd>
                                <dd class="imageBox"><img src="/hmg/images/web/kor/cbt/distribute/distribute_pic02.jpg" alt="해피무브 글로벌 청년봉사단 사진" /></dd>
                            </dl>
                            <p class="distribute_btn photo_layOpen"><a href="#" onclick="javascript:fn_play_movie('hmg_Distribute2.mp4', '02. 해피무브 글로벌 청년봉사단');"><img src="/hmg/images/web/kor/cbt/distribute/btn_vodView.gif" alt="영상보기"/></a></p>
                        </div>
                        <div class="distribute_introduce">
                            <dl>
                                <dt><img src="/hmg/images/web/kor/cbt/distribute/distribute_title03.gif" alt="03. 현대그린존 차이나" /></dt>
                                <dd class="information">
                                    <ul>
                                        <li>중국 내몽고 사막화 방지 초지 조성</li>
                                        <li>누적 3,000만m2(9백만 평) 생태계 복원</li>
                                    </ul>
                                </dd>
                                <dd class="imageBox"><img src="/hmg/images/web/kor/cbt/distribute/distribute_pic03.jpg" alt="현대그린존 차이나 사진" /></dd>
                            </dl>
                            <p class="distribute_btn photo_layOpen"><a href="#" onclick="javascript:fn_play_movie('hmg_Distribute3.mp4', '03. 현대그린존 차이나');"><img src="/hmg/images/web/kor/cbt/distribute/btn_vodView.gif" alt="영상보기"/></a></p>
                        </div>
                        <div class="distribute_introduce">
                            <dl>
                                <dt><img src="/hmg/images/web/kor/cbt/distribute/distribute_title04.gif" alt="04. 키즈오토파크" /></dt>
                                <dd class="information">
                                    <ul>
                                        <li>어린이 교통안전 체험장 건립 및 운영(現 누계 3만5천명 이용)</li>
                                        <li>서울시 능동 어린이대공원에 위치</li>
                                    </ul>
                                </dd>
                                <dd class="imageBox"><img src="/hmg/images/web/kor/cbt/distribute/distribute_pic04.jpg" alt="키즈오토파크 사진" /></dd>
                            </dl>
                            <p class="distribute_btn photo_layOpen"><a href="#" onclick="javascript:fn_play_movie('hmg_Distribute4.mp4', '04. 키즈오토파크');"><img src="/hmg/images/web/kor/cbt/distribute/btn_vodView.gif" alt="영상보기"/></a></p>
                        </div>
                        <div class="distribute_introduce">
                            <dl>
                                <dt><img src="/hmg/images/web/kor/cbt/distribute/distribute_title05.gif" alt="05. 해피웨이 드라이브" /></dt>
                                <dd class="information">
                                    <ul>
                                        <li>올바른 교통문화를 적극적으로 전파</li>
                                        <li>안전 교육은 물론 사회의 안전불감증 해소에 기여</li>
                                        <li>‘어린이 안전 ·환경 사랑’을 주제로 다양한 프로그램과 컨텐츠 제공</li>
                                    </ul>
                                </dd>
                                <dd class="imageBox"><img src="/hmg/images/web/kor/cbt/distribute/distribute_pic05.jpg" alt="해피웨이 드라이브 사진" /></dd>
                            </dl>
                            <p class="distribute_btn photo_layOpen"><a href="#" onclick="javascript:fn_play_movie('hmg_Distribute5.mp4', '05. 해피웨이 드라이브');"><img src="/hmg/images/web/kor/cbt/distribute/btn_vodView.gif" alt="영상보기"/></a></p>
                        </div>
                        <div class="distribute_introduce">
                            <dl>
                                <dt><img src="/hmg/images/web/kor/cbt/distribute/distribute_title06.gif" alt="06. 사회적기업 육성" /></dt>
                                <dd class="information">
                                    <ul>
                                        <li>일자리창출형/사업연계형/지역밀착형 지원</li>
                                        <li>청년 사회적기업가 양성사업 (연 150여 명)</li>
                                        <li>일자리 1,000개 창출</li>
                                    </ul>
                                </dd>
                                <dd class="imageBox"><img src="/hmg/images/web/kor/cbt/distribute/distribute_pic06.jpg" alt="사회적기업 육성 사진" /></dd>
                            </dl>
                            <p class="distribute_btn photo_layOpen"><a href="#" onclick="javascript:fn_play_movie('hmg_Distribute6.mp4', '06. 사회적기업 육성');"><img src="/hmg/images/web/kor/cbt/distribute/btn_vodView.gif" alt="영상보기"/></a></p>
                        </div>
                        <div class="distribute_introduce">
                            <dl>
                                <dt><img src="/hmg/images/web/kor/cbt/distribute/distribute_title07.gif" alt="07. 호프 온 휠스" /></dt>
                                <dd class="information">
                                    <ul>
                                        <li>판매차 1대당 14달러 기부 (現 4,500만 달러 후원)</li>
                                        <li>美 800개 딜러와 판매법인 참여</li>
                                        <li>지속성과 진정성으로 인정받는 대표 사회공헌 캠페인</li>
                                    </ul>
                                </dd>
                                <dd class="imageBox"><img src="/hmg/images/web/kor/cbt/distribute/distribute_pic07.jpg" alt="호프 온 휠스 사진" /></dd>
                            </dl>
                            <p class="distribute_btn photo_layOpen"><a href="#" onclick="javascript:fn_play_movie('hmg_Distribute7.mp4', '07. 호프 온 휠스');"><img src="/hmg/images/web/kor/cbt/distribute/btn_vodView.gif" alt="영상보기"/></a></p>
                        </div>
                        <div class="distribute_introduce">
                            <dl>
                                <dt><img src="/hmg/images/web/kor/cbt/distribute/distribute_title08.gif" alt="08. 저개발국 지원 프로젝트" /></dt>
                                <dd class="information">
                                    <dl>
                                        <dt>모바일 클리닉</dt>
                                        <dd>아프리카 등 6개국에 이동식 진료 차량 13대 기증</dd>
                                        <dt>현대-코이카 드림센터</dt>
                                        <dd>자동차 직업학교 설립(가나)</dd>
                                        <dt>말리 프로젝트</dt>
                                        <dd>식목으로 사막화 방지 / 경제활성</dd>
                                    </dl>
                                </dd>
                                <dd class="imageBox"><img src="/hmg/images/web/kor/cbt/distribute/distribute_pic08.jpg" alt="저개발국 지원 프로젝트 사진" /></dd>
                            </dl>
                            <p class="distribute_btn photo_layOpen"><a href="#" onclick="javascript:fn_play_movie('hmg_Distribute8.mp4', '08. 저개발국 지원 프로젝트');"><img src="/hmg/images/web/kor/cbt/distribute/btn_vodView.gif" alt="영상보기"/></a></p>
                        </div>
                        <div class="distribute_introduce">
                            <dl>
                                <dt><img src="/hmg/images/web/kor/cbt/distribute/distribute_title09.gif" alt="09. 주한 외국인 청년 초청행사" /></dt>
                                <dd class="information">
                                    <ul>
                                        <li>글로벌 프렌드십 투어
                                            <ul>
                                                <li>주한 외국인 유학생 산업 탐방</li>
                                                <li>2011년까지 6,000명 초청</li>
                                            </ul>
                                        </li>
                                        <li>코리아브랜드 탐험대
                                            <ul>
                                                <li>내외국인 청년 200명 선발 한국산업 / 문화 탐방</li>
                                            </ul>
                                        </li>
                                    </ul>
                                </dd>
                                <dd class="imageBox"><img src="/hmg/images/web/kor/cbt/distribute/distribute_pic09.jpg" alt="주한 외국인 청년 초청행사 사진" /></dd>
                            </dl>
                            <p class="distribute_btn photo_layOpen"><a href="#" onclick="javascript:fn_play_movie('hmg_Distribute9.mp4', '09. 주한 외국인 청년 초청행사');"><img src="/hmg/images/web/kor/cbt/distribute/btn_vodView.gif" alt="영상보기"/></a></p>
                        </div>
                        <div class="distribute_introduce">
                            <dl>
                                <dt><img src="/hmg/images/web/kor/cbt/distribute/distribute_title10.gif" alt="10. 협력사 행복나눔 콘서트" /></dt>
                                <dd class="information">
                                    <ul>
                                        <li>현대차그룹 협력사 가족 대상 찾아가는 문화공연</li>
                                        <li>전국 7개 지역 323개 협력사 가족을 위한 순회공연</li>
                                    </ul>
                                </dd>
                                <dd class="imageBox"><img src="/hmg/images/web/kor/cbt/distribute/distribute_pic10.jpg" alt="협력사 행복나눔 콘서트 사진" /></dd>
                            </dl>
                            <p class="distribute_btn photo_layOpen"><a href="#" onclick="javascript:fn_play_movie('hmg_Distribute10.mp4', '10. 협력사 행복나눔 콘서트');"><img src="/hmg/images/web/kor/cbt/distribute/btn_vodView.gif" alt="영상보기"/></a></p>
                        </div>
                        <div class="distribute_introduce end">
                            <dl>
                                <dt><img src="/hmg/images/web/kor/cbt/distribute/distribute_title11.gif" alt="11. 현대차정몽구재단 " /></dt>
                                <dd class="information">
                                    <ul>
                                        <li>개인기부 사상 최대 금액인 6,500억 원 출자</li>
                                        <li>저소득층 미래인재 육성 계획 발표
                                            <ul>
                                                <li>5년간 84,000명 수혜(2012년 ~ 2016년</li>
                                            </ul>
                                        </li>
                                    </ul>
                                </dd>
                                <dd class="imageBox"><img src="/hmg/images/web/kor/cbt/distribute/distribute_pic11.jpg" alt="현대차정몽구재단  사진" /></dd>
                            </dl>
                        </div>
                    </div>
                    <!--// 내용 -->

                    <!-- layer -->
                    <div id="movieLayer" class="photo_layer"></div>
                    <!-- /layer -->
                </div>
                <!--//contents-->
            </div>
        </div>
        <!--//container-->

        <hr />

        <!--footer-->
        <%@ include file="/WEB-INF/jsp/web/kor/include/footer.jspf" %>
        <!--//footer-->

        <hr />

        <!--notice-->
        <%@ include file="/WEB-INF/jsp/web/kor/include/notice.jspf" %>
        <!--//notice-->
    </div>
    <!--//wrap-->
</body>
</html>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    